.dropdown-item{
    display: flex;
    align-items: center;
}
label.dropdown-check{
    position:relative;
    display:block;
    padding:0 18px 0 12px;
    line-height:100px;
    transition:background 0.3s;
    cursor:pointer;
    width: 50px;
    margin: 0;
}
label.dropdown-check:after{
    content:"";
    position:absolute;
    display:block;
    top:50%;
    right:5px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    transition:border-bottom .1s, border-top .1s .1s;
}


input.dropdown-check:checked ~ label:after{
    border-top:0 solid rgba(255,255,255,.8);
    border-bottom:4px solid rgba(0,0,0,.5);
    transition:border-top .1s, border-bottom .1s .1s;
}
/*hide the inputs*/
input.dropdown-check{display:none}
/*show the second level menu*/
input.dropdown-check:checked ~ ul.submenu{
    max-height:300px;
    transition:max-height 0.3s ease-in;
    margin: 0;
}
.flag-container input.dropdown-check:checked ~ .submenu {
    opacity: 1;
}

.flag-container ul.submenu {
    opacity: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;    
    transition: max-height 0.3s ease-out;
    position: absolute;
    min-width: 100%;
    z-index: 1;
    box-shadow: 0 2px 4px #00000050;
    border-radius: 4px;
}

.flag-container ul.submenu li a {
    display: block;
    padding: 12px;
    color: #000;
    text-decoration: none;
    transition: background .3s;
    white-space: nowrap;
}

.flag-container ul.submenu, .flag-container ul.submenu li, .flag-container ul.submenu a{
    width: 50px !important;
}

.flag-container.mobile{
    margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
    .header-left .flag-container {
        display: none;
    }
}

.flag-container-login {
    justify-content: center;
}

.flag-container-login img {
    height: 25px;
    width: auto;
}

.flag-container-login {
    display: flex;
    column-gap: 10px;
}

.flag-container-login .dropdown-item {
    width: fit-content;
    padding: 5px;
    margin-top: 10px;
}